<template>
	<view class="content">
		<view class="list flex">
			<view v-for="(item,index) in imgList" class=" item">
				<image :src="'../../static/images/' + item.id + '.png'" mode="widthFix"></image>
				<view class="">{{item.name}}</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				num: 39,
				imgList: []
			};
		},
		onLoad() {

			let list = JSON.parse(uni.getStorageSync('airship'))
			this.imgList = list
		}

	}
</script>

<style lang="less">
	.content {
		// display: flex;
		// flex-direction: column;
		// align-items: center;
		// background: url(@/static/bg1.png) no-repeat top;
		// min-height: 100vh;
		// max-height: 100vh;	
		// overflow-y: scroll;
	}

	.list {
		width: 100%;
		flex-wrap: wrap;
		text-align: center;

		.item {
			width: 25%;
			font-size: .8em;
			margin: 20rpx 0;

			image {
				width: 100%;
			}
		}
	}
</style>